<template>
	<view class="box-bg" style="width: 100%;">
			<uni-nav-bar backgroundColor="#f5f5f5" shadow left-icon="left" :border='false' :shadow='false' @clickLeft="goBack" />
		</view>
	<view class="container">
			
		<view class="title">设置新密码</view>
		<view class="instructions">
			请输入新密码，并重新登录验证；密码只限8-20位的数字、字母和符号的组合，不支持空格。
		</view>
		<view class="form-item">
			<uni-easyinput :inputBorder="false" placeholder="请输入新密码"></uni-easyinput>
		</view>
		<button class="confirm-btn" @click="goLogin">确定</button>
	</view>
</template>

<script setup>
	function goLogin() {
		uni.navigateTo({
			url: "/pagesA/login/pwd"
		})
	}
	const goBack = () => {
		uni.navigateBack({
			delta: 1
		})
	}
</script>

<style>
	.container {
		padding: 20px;
	}

	.title {
		font-size: 24px;
		margin-bottom: 10px;
	}

	.instructions {
		font-size: 14px;
		color: #888;
		margin-bottom: 20px;

	}

	.form-item {
		margin-top: 100px;
		border-bottom: 1px solid #eee;
	}



	.confirm-btn {
		width: 100%;
		background: linear-gradient(90deg, rgba(52, 120, 246, 1) 0%, rgba(2, 167, 240, 1) 99%);
		color: #fff;
		border: none;
		border-radius: 5px;
		margin-top: 30px;
	}
</style>